<template>
	<view>
		<!-- 顶部  -->
		<view class="m-h1" style="text-align: center;">
			订单列表
		</view>
		
		<view  style="width: 750rpx; position: relative;top:100rpx;">
			<view class="" style="display: flex;">
				<view @tap="isCheck=1" class="o-nav">
					<text class="o-font" :class="isCheck=='1'?'o-font-active':''">全部</text>
				</view>
				
				<view @tap="isCheck=2" class="o-nav">
					<text class="o-font" :class="isCheck=='2'?'o-font-active':''">待付款</text>
				</view>
				
				<view @tap="isCheck=3" class="o-nav">
					<text class="o-font" :class="isCheck=='3'?'o-font-active':''">待收货</text>
				</view>
				
				<view @tap="isCheck=4" class="o-nav">
					<text class="o-font" :class="isCheck=='4'?'o-font-active':''">已完成</text>
				</view>
			</view>
		</view>
	
		<!-- list -->
		<view v-if="isCheck==1">
		<view class="">
			<view class="">
				<view  class="content m-margin-bottom" style="margin-top: 80rpx;">
					<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
						<view class="o-list-font-1">
							订单号：4380283920
						</view>
						<view class="o-list-font-2">
							未支付
						</view>
					</view>
					<view class="">
						<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
							<view class="o-list-font-1-1">
								蒸汽加压混泥土.板材
							</view>
							<view class="" style="">
								<text class="o-font">共4件</text>
							</view>
						</view>
						<view @tap="toPayFail()" class="" style="height: 128rpx;">
							<view v-for="item in order1" style="margin-bottom: 16rpx;">
								<view class="" style="display: flex;justify-content: space-between;">
										<view class="o-list-font-1-2">
											{{item.content}}
										</view>
										<view class="o-list-font-1-2">
											{{item.size}}m³
										</view>
								</view>
							</view>	
						</view>	
					</view>
					
				</view>
			
				<view class="o-list-border m-margin-bottom"></view>
				<view class="content">
					<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
						<view class="o-list-font-2">
							1天23小时51分32秒
						</view>
						<view class="">
							<text class="o-font">总计（70%）：</text>
							<text class="o-list-font-2">¥1400.00</text>
						</view>
					</view>
					<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
						<view >
							<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
						</view>
						<view >
							<button class="o-list-btn-1"  type="default"><text class="o-font" style="position: relative;top: -20rpx;">取消订单</text></button>
						</view>
						<view >
							<button @tap="toPay1()" class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">立即支付</text></button>
						</view>
					</view>
				</view>
				<view class="o-border2 m-margin-bottom"></view>
			</view>
			<!-- 预付款支付成功 -->
			<view class="">
				<view  class="content m-margin-bottom" style="margin-top: 30rpx;">
					<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
						<view class="o-list-font-1">
							订单号：4380283920
						</view>
						<view class="o-list-font-2">
							预付款支付成功
						</view>
					</view>
					
					<view @tap="toAddr2" class="o-dec m-margin-bottom" style="display: flex;justify-content: space-between">
						<view class="">
							<view class="o-font">
								您的订单将转入下个环节，备货完成后会尽快送达
							</view>
							<view class="o-list-font-4">
								2021-01-14 13:09:12
							</view>
						</view>
						<view class="">
							<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
						</view>
					</view>
					
					<view class="">
						<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
							<view class="o-list-font-1-1">
								蒸汽加压混泥土.板材
							</view>
							<view class="" style="">
								<text class="o-font">共4件</text>
							</view>
						</view>
						<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
							<view v-for="item in order1" style="margin-bottom: 16rpx;">
								<view class="" style="display: flex;justify-content: space-between;">
										<view class="o-list-font-1-2">
											{{item.content}}
										</view>
										<view class="o-list-font-1-2">
											{{item.size}}m³
										</view>
								</view>
							</view>	
						</view>	
					</view>
						
				
				</view>
			
				<view class="o-list-border m-margin-bottom"></view>
				<view class="content">
					<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
						<view class="o-list-font-2">
							1天23小时51分32秒
						</view>
						<view class="">
							<text class="o-font">总计（70%）：</text>
							<text class="o-list-font-2">¥1400.00</text>
						</view>
					</view>
					<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
						<view >
							<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
						</view>
						<view >
							<button class="o-list-btn-1" @tap="toTicket" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
						</view>
						<view >
							<button class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">我要催单</text></button>
						</view>
					</view>
				</view>
				<view class="o-border2 m-margin-bottom"></view>
			</view>
		<!-- 备货中 -->
		<view class="">
			<view  class="content m-margin-bottom" style="margin-top: 30rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						备货中
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由【UBlok长兴伊通公司·库房】备货中
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
				<view class="">
					<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<view class="o-list-font-1-1">
							蒸汽加压混泥土.板材
						</view>
						<view class="" style="">
							<text class="o-font">共4件</text>
						</view>
					</view>
					<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
						<view v-for="item in order1" style="margin-bottom: 16rpx;">
							<view class="" style="display: flex;justify-content: space-between;">
									<view class="o-list-font-1-2">
										{{item.content}}
									</view>
									<view class="o-list-font-1-2">
										{{item.size}}m³
									</view>
							</view>
						</view>	
					</view>	
				</view>
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<!-- <view class="o-list-font-2">
						1天23小时51分32秒
					</view> -->
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
					</view>
					<view >
						<button class="o-list-btn-1" @tap="toTicket" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view >
						<button class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">我要催单</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
		
		<!-- 已发货 -->
		<view class="">
			<view  class="content m-margin-bottom" style="margin-top: 30rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						已发货
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec-1 m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由【UBlok物流公司】发出，请注意查收，司机：MR，18990989873
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
				<view class="">
					<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<view class="o-list-font-1-1">
							蒸汽加压混泥土.板材
						</view>
						<view class="" style="">
							<text class="o-font">共4件</text>
						</view>
					</view>
					<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
						<view v-for="item in order1" style="margin-bottom: 16rpx;">
							<view class="" style="display: flex;justify-content: space-between;">
									<view class="o-list-font-1-2">
										{{item.content}}
									</view>
									<view class="o-list-font-1-2">
										{{item.size}}m³
									</view>
							</view>
						</view>	
					</view>	
				</view>
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<!-- <view class="o-list-font-2">
						1天23小时51分32秒
					</view> -->
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
					</view>
					<view >
						<button class="o-list-btn-1" @tap="toTicket" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view >
						<button class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">我要催单</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
				
		<!-- 等待收货		 -->
		<view class="">
			<view class="content m-margin-bottom" style="margin-top: 30rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						等待收货
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec-1 m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由司机：MR，18909898898 送达现场，等待签收
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
				<view class="">
					<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<view class="o-list-font-1-1">
							蒸汽加压混泥土.板材
						</view>
						<view class="" style="">
							<text class="o-font">共4件</text>
						</view>
					</view>
					<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
						<view v-for="item in order1" style="margin-bottom: 16rpx;">
							<view class="" style="display: flex;justify-content: space-between;">
									<view class="o-list-font-1-2">
										{{item.content}}
									</view>
									<view class="o-list-font-1-2">
										{{item.size}}m³
									</view>
							</view>
						</view>	
					</view>	
				</view>
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-2">
						<!-- 1天23小时51分32秒 -->
					</view>
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">售后</text></button>
					</view>
					<view >
						<button @tap="toTicket" class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view v-if="isShow">
						<button @click="open" class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">确认收货</text></button>
					</view>
					<view v-else>
						<button  class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">交易完成</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
		
		<!-- 已完成		 -->
		<view class="">
			<view class="content m-margin-bottom" style="margin-top: 30rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						已完成
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由本人确认收货，欢迎再次购买
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
				
				<view class="">
					<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<view class="o-list-font-1-1">
							蒸汽加压混泥土.板材
						</view>
						<view class="" style="">
							<text class="o-font">共4件</text>
						</view>
					</view>
					<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
						<view v-for="item in order1" style="margin-bottom: 16rpx;">
							<view class="" style="display: flex;justify-content: space-between;">
									<view class="o-list-font-1-2">
										{{item.content}}
									</view>
									<view class="o-list-font-1-2">
										{{item.size}}m³
									</view>
							</view>
						</view>	
					</view>	
				</view>
			
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-2">
						<!-- 1天23小时51分32秒 -->
					</view>
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">售后</text></button>
					</view>
					<view >
						<button @tap="toTicket" class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view>
						<button @tap="toRemark" class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">评价</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
		
		<!-- 子订单-备货中 -->
		  <view class="">
		    <view  class="content m-margin-bottom" style="margin-top: 30rpx;">
		     <view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
		      <view class="o-list-font-1">
		       订单号：4380283920
		      </view>
		      <view class="o-list-font-2" >
		       备货中
		      </view>
		     </view>
		     
		     <view @tap="toAddr2" class="o-dec-1 m-margin-bottom" style="display: flex;justify-content: space-between">
		      <view class="">
		       <view class="o-font" style="color: #222222;">
		        您的【长兴县沙葛小学项目一期】由【Ublok长兴伊通公司·库房】备货中
		       </view>
		       <view class="o-list-font-4">
		        2021-01-14 13:09:12
		       </view>
		      </view>
		      <view class="">
		       <image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
		      </view>
		     </view>
			 
			 
			 <view class="">
			 	<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
			 		<view class="o-list-font-1-1">
			 			长兴县沙葛小学项目一期
			 		</view>
			 		<view class="" style="">
			 			<text class="o-font">共5个子订单</text>
			 		</view>
			 	</view>
			 	<view @tap="toOrderChild()" class="" style="">
			 		<view v-for="item in order2" style="margin-bottom: 16rpx;">
			 			<view class="" style="display: flex;justify-content: space-between;">
			 					<view class="o-list-font-1-2">
			 						{{item.content}}
			 					</view>
			 					<view class="o-list-font-1-2">
			 						{{item.size}}
			 					</view>
			 			</view>
			 		</view>	
			 	</view>	
			 </view>
			 
			 
		     
		      
		      
		      
		      
		      
		    
		    </view>
		   
		    <view class="o-list-border m-margin-bottom"></view>
		    <view class="content">
		     <view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
		      <view class="o-list-font-2">
		       <!-- 1天23小时51分32秒 -->
		      </view>
		      <view class="">
		       <text class="o-font">总计（70%）：</text>
		       <text class="o-list-font-2">¥1400.00</text>
		      </view>
		     </view>
		     <view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
		      <view >
		       <button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
		      </view>
		      <view >
		       <button class="o-list-btn-1" @tap="toTicket" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
		      </view>
		      <view >
		       <button class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">我要催单</text></button>
		      </view>
		     </view>
		    </view>
		    <view class="o-border2 m-margin-bottom"></view>
		   </view>
		
		
		
		
		</view>
		</view>
		
		<!-- 待付款-list -->
		<view v-if="isCheck==2">
		<view class="">
			<view class="">
				<view  class="content m-margin-bottom" style="margin-top: 80rpx;">
					<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
						<view class="o-list-font-1">
							订单号：4380283920
						</view>
						<view class="o-list-font-2">
							未支付
						</view>
					</view>
					<view class="">
						<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
							<view class="o-list-font-1-1">
								蒸汽加压混泥土.板材
							</view>
							<view class="" style="">
								<text class="o-font">共4件</text>
							</view>
						</view>
						<view @tap="toPayFail()" class="" style="height: 128rpx;">
							<view v-for="item in order1" style="margin-bottom: 16rpx;">
								<view class="" style="display: flex;justify-content: space-between;">
										<view class="o-list-font-1-2">
											{{item.content}}
										</view>
										<view class="o-list-font-1-2">
											{{item.size}}m³
										</view>
								</view>
							</view>	
						</view>	
					
						
					
					</view>
	
				</view>
			
				<view class="o-list-border m-margin-bottom"></view>
				<view class="content">
					<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
						<view class="o-list-font-2">
							1天23小时51分32秒
						</view>
						<view class="">
							<text class="o-font">总计（70%）：</text>
							<text class="o-list-font-2">¥1400.00</text>
						</view>
					</view>
					<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
						<view >
							<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
						</view>
						<view >
							<button class="o-list-btn-1"  type="default"><text class="o-font" style="position: relative;top: -20rpx;">取消订单</text></button>
						</view>
						<view >
							<button @tap="toPay1()" class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">立即支付</text></button>
						</view>
					</view>
				</view>
				<view class="o-border2 m-margin-bottom"></view>
			</view>
		</view>
		</view>
		
		
		<!-- 待收货-list -->
		<view v-if="isCheck==3">
        <!-- 已发货 -->
		<view class="">
			<view  class="content m-margin-bottom" style="margin-top: 88rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						已发货
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec-1 m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由【UBlok物流公司】发出，请注意查收，司机：MR，18990989873
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
				
				<view class="">
					<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<view class="o-list-font-1-1">
							蒸汽加压混泥土.板材
						</view>
						<view class="" style="">
							<text class="o-font">共4件</text>
						</view>
					</view>
					<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
						<view v-for="item in order1" style="margin-bottom: 16rpx;">
							<view class="" style="display: flex;justify-content: space-between;">
									<view class="o-list-font-1-2">
										{{item.content}}
									</view>
									<view class="o-list-font-1-2">
										{{item.size}}m³
									</view>
							</view>
						</view>	
					</view>	
				</view>
				
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<!-- <view class="o-list-font-2">
						1天23小时51分32秒
					</view> -->
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">导出订单</text></button>
					</view>
					<view >
						<button class="o-list-btn-1" @tap="toTicket" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view >
						<button class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">我要催单</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
				
		<!-- 等待收货		 -->
		<view class="">
			<view class="content m-margin-bottom" style="margin-top: 30rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						等待收货
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec-1 m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由司机：MR，18909898898 送达现场，等待签收
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
				<view class="">
					<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
						<view class="o-list-font-1-1">
							蒸汽加压混泥土.板材
						</view>
						<view class="" style="">
							<text class="o-font">共4件</text>
						</view>
					</view>
					<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
						<view v-for="item in order1" style="margin-bottom: 16rpx;">
							<view class="" style="display: flex;justify-content: space-between;">
									<view class="o-list-font-1-2">
										{{item.content}}
									</view>
									<view class="o-list-font-1-2">
										{{item.size}}m³
									</view>
							</view>
						</view>	
					</view>	
				
					
				
				</view>
				
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-2">
						<!-- 1天23小时51分32秒 -->
					</view>
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">售后</text></button>
					</view>
					<view >
						<button @tap="toTicket" class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view v-if="isShow">
						<button @click="open" class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">确认收货</text></button>
					</view>
					<view v-else>
						<button  class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">交易完成</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
		
		</view>
		
		
		<!-- 已完成-list -->
		<view v-if="isCheck==4">
        <!-- 已完成		 -->
		<view class="">
			<view class="content m-margin-bottom" style="margin-top: 88rpx;">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-1">
						订单号：4380283920
					</view>
					<view class="o-list-font-2">
						已完成
					</view>
				</view>
				
				<view @tap="toAddr2" class="o-dec m-margin-bottom" style="display: flex;justify-content: space-between">
					<view class="">
						<view class="o-font">
							您的订单由本人确认收货，欢迎再次购买
						</view>
						<view class="o-list-font-4">
							2021-01-14 13:09:12
						</view>
					</view>
					<view class="">
						<image style="width: 28rpx;height: 28rpx;padding-top: 30rpx;padding-right: 20rpx;" src="../../static/next.png" mode="widthFix"></image>
					</view>
				</view>
			<view class="">
				<view class="" style="display: flex;justify-content: space-between;margin-bottom: 20rpx;">
					<view class="o-list-font-1-1">
						蒸汽加压混泥土.板材
					</view>
					<view class="" style="">
						<text class="o-font">共4件</text>
					</view>
				</view>
				<view @tap="toPaySuccess()" class="" style="height: 128rpx;">
					<view v-for="item in order1" style="margin-bottom: 16rpx;">
						<view class="" style="display: flex;justify-content: space-between;">
								<view class="o-list-font-1-2">
									{{item.content}}
								</view>
								<view class="o-list-font-1-2">
									{{item.size}}m³
								</view>
						</view>
					</view>	
				</view>	
			
				
			
			</view>
			
			</view>
		
			<view class="o-list-border m-margin-bottom"></view>
			<view class="content">
				<view class="m-margin-bottom" style="display: flex;justify-content: space-between;">
					<view class="o-list-font-2">
						<!-- 1天23小时51分32秒 -->
					</view>
					<view class="">
						<text class="o-font">总计（70%）：</text>
						<text class="o-list-font-2">¥1400.00</text>
					</view>
				</view>
				<view class="m-margin-bottom" style="display: flex;justify-content: flex-end;">
					<view >
						<button class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">售后</text></button>
					</view>
					<view >
						<button @tap="toTicket" class="o-list-btn-1" type="default"><text class="o-font" style="position: relative;top: -20rpx;">发票信息</text></button>
					</view>
					<view>
						<button @tap="toRemark" class="o-list-btn-2" type="default"><text class="o-list-font-3" style="position: relative;top: -20rpx;">评价</text></button>
					</view>
				</view>
			</view>
			<view class="o-border2 m-margin-bottom"></view>
		</view>
		
		</view>
		
		
		
		
		
		
		<uni-popup ref="popup" type="center">
			<view class="popup-box">
				<view class="popup-content" style="margin-top: 52rpx;">
					<view class="popup-box-font-1">
						收货确认
					</view>
					
					<view class="popup-box-font-2" style="margin-bottom: 32rpx;">
						请确认您是否已收到该笔订单全部商品
					</view>
					<view class="" style="display: flex; justify-content: space-between;margin-top: 76rpx;">
						<view class="popup-box-font-3">
							<text @tap="close()" style="position: relative;top: 20rpx;">未收到货</text>
						</view>
						<view class="popup-box-font-4">
							<text @tap="close1()" style="position: relative;top: 20rpx;">确认收货</text>
						</view>
					</view>
				</view>
			</view>
		</uni-popup>
		
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import uniPopupMessage from '@/components/uni-popup/uni-popup-message.vue'
	import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
	export default {
		components:{
			uniPopup,
			uniPopupMessage,
			uniPopupDialog
		},
		data() {
			return {
				isCheck:1,
				isShow:true,
				order1:[
					{
						content:'1.板材 3000mm*6000mm*100mm',
						size: '600'
					},
					{
						content:'2.板材 3000mm*6000mm*100mm',
						size: '400'
					},
					{
						content:'3.板材 3000mm*6000mm*100mm',
						size: '700'
					}
				],
				order2:[
					{
						content:'子订单1',
						size: '共3件'
					},
					{
						content:'子订单2',
						size: '共5件'
					},
					{
						content:'子订单3',
						size: '共4件'
					},
					{
						content:'子订单4',
						size: '共5件'
					},
					{
						content:'子订单5',
						size: '共7件'
					}
				]
			}
		},
		methods: {
			toRemark:function(){
				uni.navigateTo({
					url:'../comment/comment'
				})
			},
			toTicket:function(){
				uni.navigateTo({
					url:'../ticket/ticket'
				})
			},
			open(){
			    this.$refs.popup.open()
			},
			close(){
			    this.$refs.popup.close()
			},
			close1(){
				this.isShow = false
			    this.$refs.popup.close()
			},
			toPay1:function(){
				uni.navigateTo({
					url:'../order-1/order-1'
				})
			},
			toPaySuccess:function(){
				uni.navigateTo({
					url:'../order-2/order-2'
				})
			},
			toOrderChild:function(){
				uni.navigateTo({
					url:'../order-compute-child/order-compute-child'
				})
			},
			
			toPayFail:function(){
				uni.navigateTo({
					url:'../order-3/order-3'
				})
			},
			
			toAddr2:function(){
				uni.navigateTo({
					url:'../addr-2/addr-2'
				})
			}
		}
	}
</script>

<style scoped lang="less">
@import url('../../style.less');
@import url('order.less');
</style>
